<template>
	<div :class="title === '全民砍价' ? 'titles bor' : 'titles'" @click="handle">
		<span>{{ title }}</span>
		<span class="iconfont iconjiantouyou"></span>
	</div>
</template>

<script>
export default {
	name: 'titles',
	props: ['title'],
	data() {
		return {};
	},
	watch: {},
	computed: {},
	created() {

	},
	mounted() {

	},
	methods: {
		handle() {
			this.$emit('handler');
		}
	}
};
</script>

<style lang="scss" scoped>
.titles {
  height: 2.859375rem;
  margin-top: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;

  span {
    font-size: 1rem;
  }

  span.iconfont {
    margin-left: 6px;
    font-size: 0.875rem;
  }
}

.bor {
  border-bottom: 1px solid #E9E9E9;
}
</style>